/*** Fonts ***/
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

html {
   scroll-behavior: smooth;
   scroll-padding-top: 60px !important;
   -webkit-text-size-adjust: 100%;
}

/*** Colors ***/
:root {
    --black: #000;
    --red: #BE000A;
    --white: #FFF;
}

/*** Feature Page Overrides ***/
.c-custom__header, 
.c-custom .component-background, 
.c-custom .default-background,
.c-nav__title,
.featurepage-components .dfp-ad,
.featurepage-components .dfp-container,  
.featurepage-footer .dfp-ad {
  	display: none;
}
.featurepage-components section:first-of-type {
    padding: 0;
}
.featurepage-components .row {
  	display: block;
  	margin: 0;
  	max-width: none;
  	padding: 0;
}
.c-custom {
  	display: block;
  	padding: 0 !important;
  	z-index: 1;
}
section {
    overflow-x: clip;
    width: 100%;
}
section.hasDFP {
  	padding: 0 !important;
}

/*** Default Styles ***/
body {
    background: var(--black);
    color: var(--white);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 auto 24px;
    max-width: 1023px;
    text-align: center;
}
a {
    color: var(--white) !important;
}
a:hover, a:focus {
    opacity: .6;
}
p a {
    font-weight: 700;
}
h2 {
    font-family: 'Antonio', sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    margin: 18px 0;
    text-transform: uppercase;
}
strong {
    font-weight: 700;
    text-decoration: underline;
}

/*** Navigation ***/
.c-nav.c-nav-1 {
    display: none;
}

/*** Footer ***/
.featurepage-footer {
    background: var(--black);
    padding: 24px 0 60px;
    position: relative;
    z-index: 999;
}
.featurepage-footer .logos {
    gap: 0;
}
.featurepage-footer .logos img:first-child {
    margin: 18px 12px;
    width: 100px;
}

/*** Section ***/
.section__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1920px;
    padding: 60px 36px 0;
    width: 100%;
}
.logo {
    margin: 0 auto 18px;
    max-width: 500px;
    width: 100%;
}
.logo img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.formula {
    align-items: center;
    color: var(--white);
    display: flex;
    font-family: 'Antonio', sans-serif;
    font-size: 24px;
    font-weight: 600;
    justify-content: center;
    line-height: 24px;
    margin: 24px auto;
    text-align: center;
}
.formula div {
    display: flex;
    flex-direction: column;
    margin: 0 7.5px;
}
.formula div span {
    font-size: 30px;
    line-height: 30px;
    margin-top: 2px;
}
.formula__total {
	background: var(--red);
	padding: 12px 24px 15px;
}
.formula div.formula__total span {
    font-size: 36px;
    line-height: 36px;
}
.formula__plus, .formula__equals {
    font-size: 60px;
    line-height: 60px;
}
.tabs {
    margin: 36px 0;
    overflow-y: clip;
    width: 100%;
}
.tabs__nav {
    align-items: center;
    background: var(--black);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.tabs__nav:after {
    background: var(--red);
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.tabs__nav li, .tabs__nav li a {
    align-items: center;
    color: var(--white) !important;
    display: flex;
    font-family: 'Antonio', sans-serif; 
    font-weight: 700;
    flex-direction: column;
    justify-content: center;
    opacity: 1 !important;
    text-align: center;
}
.tabs__nav li {   
    border-right: 1px solid var(--red);
    flex: 1 0 calc((100% - 150px) / 12);
}
.tabs__nav li.tabs__nav-title {
    align-items: flex-start;
    border-right: none;
    padding: 24px 18px;
    text-align: left;
    width: 150px;
}
.tabs__nav li a:hover, .tabs__nav li a:focus, .tabs__nav li.ui-state-active {
    background: var(--red);
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, .15));
    z-index: 1;
}
.tabs__nav li.ui-state-active {
    z-index: 2;
}
.tabs__nav li a {
    border-top: 1px solid var(--red);
    padding: 24px 10px;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
}
.tabs__nav li:nth-child(2) {
    border-left: 1px solid var(--red);
}
.tab__level-name {
    font-size: 30px;
	line-height: 30px;
    margin-bottom: 6px;
    white-space: nowrap;
}
.tab__level-amount {
  	font-size: 21px;
    line-height: 21px;
    white-space: nowrap;
}
.tabs__nav-title .tab__level-amount {
    font-size: 12px;
    white-space: nowrap;
}
.tabs__content {
    border: 1px solid var(--red);
    border-top: none;
  	display: none;
    padding: 30px 0 0;
  	width: 100%;
}
.tabs__content.active {
  	display: block;
}
.tab-key {
    align-items: flex-start;
    display: flex;
    justify-content: center;
}
.tab-key-item {
    align-items: center;
    display: flex;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    line-height: 16px;
    margin: 0 15px;
    min-height: 33.5px;
    position: relative;
}
.tab-key-item.level, .tab-key-item.impact {
    display: none;
}
.tab-key-item.level:after, .tab-key-item.impact:after {
    background: var(--red);
    content: '';
    height: 24px;
    position: absolute;
    right: -19.5px;
    top: 6px;
    width: 1px;
}
.tab-key-item span {
    align-items: center;
    font-family: 'Antonio', sans-serif;
    font-size: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    line-height: 24px;
    margin: -4.5px 9px 0;
    white-space: nowrap;
}
.tab-key-item.level span {
    background: var(--red);
    font-size: 30px;
    line-height: 30px;
    min-width: 108px;
    padding: 2px 12px 6px;
}
.tab-key-item span.key {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 9px;
    padding: 3px 12px;
    white-space: nowrap;
}
.key.included {
    background: var(--red);
    color: var(--white);
}
.key.not-included {
    border-bottom: 1px solid var(--red);
    opacity: .65;
}
.tab-key-item.impact {
    flex-direction: column;
    min-width: 330px;
    padding-top: 9px;
}
.tab-key-item-text {
    align-items: center;
    display: flex;
    justify-content: center;
    white-space: nowrap;
}
.tab-key-icons {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
}
.tab-key-icons li {
    display: flex;
    margin: 0 9px;
    width: 24px;
}
.tab-key-icons li span {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;  
    position: relative;
    width: 24px;
}
.tab-key-icons li span:before, .tab-key-icons li span:after {
    content: '';
    color: var(--red);
    font-family: 'sidearm_font_v2';
    font-size: 24px;
    font-weight: normal;
    left: 50%;
    line-height: 24px;
    opacity: .6;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out 0s;
}
.tab-key-icons li span.timespan:before,
.tab-key-icons li span.timespan:after {
    background: var(--red);
    border-radius: 100%;
    content: '';
    height: 18px;
    width: 18px;
}
.tab-key-icons li span.timespan:after {
    background: var(--white);
    opacity: 1;
}
.tab-key-icons li span.timespan.semester:after {
	clip-path: polygon(50% 0, 100% 0%, 100% 100%, 50% 100%);
}
.tab-key-icons li span.timespan.month:after {
	clip-path: polygon(50% 0%, 50% 50%, 100% 0);
}
.tab-key-icons li span.in-state:before,
.tab-key-icons li span.out-of-state:before,
.tab-key-icons li span.books:before {
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.tab-key-icons li span.in-state:before {
    background: url(https://dxbhsrqyrr690.cloudfront.net/sidearm.nextgen.sites/crimson.sidearmsports.com/images/2025/5/7/utah_red.png);
    height: 18px;
    width: 18px;
}
.tab-key-icons li span.in-state.active:before {
    background: url(https://dxbhsrqyrr690.cloudfront.net/sidearm.nextgen.sites/crimson.sidearmsports.com/images/2025/5/7/utah_white.png);
}
.tab-key-icons li span.out-of-state:before {
    background: url(https://dxbhsrqyrr690.cloudfront.net/sidearm.nextgen.sites/crimson.sidearmsports.com/images/2025/5/7/us_red.png);
    height: 17px;
    width: 27px;
}
.tab-key-icons li span.out-of-state.active:before {
    background: url(https://dxbhsrqyrr690.cloudfront.net/sidearm.nextgen.sites/crimson.sidearmsports.com/images/2025/5/7/us_white.png);
}
.tab-key-icons li span.scholarship:before {
    content: '\e425';
    font-family: 'sidearm_sports_font';  
}
.tab-key-icons li span.tuition:before {
    content: '\e194';
}
.tab-key-icons li span.room-board:before {
    content: '\e158';
}
.tab-key-icons li span.books:before {
    background: url(https://dxbhsrqyrr690.cloudfront.net/sidearm.nextgen.sites/crimson.sidearmsports.com/images/2025/5/7/books_red.png);
    height: 16px;
    width: 21px;
}
.tab-key-icons li span.books.active:before {
    background: url(https://dxbhsrqyrr690.cloudfront.net/sidearm.nextgen.sites/crimson.sidearmsports.com/images/2025/5/7/books_white.png);
}
.tab-key-icons li span.active:before {
    color: var(--white);
    opacity: 1;
}
.benefits__list {
    display: flex;
    margin: 24px 0 0;
    width: 100%;
}
.benefits__list-column {
    flex: 1;
    padding: 0 12px 15px;
  	width: 20%;
}
.benefits__list-column:nth-child(2) {
    background: #222;
}
.triple__column {
    display: flex;
    width: 60%;
}
.triple__column .benefits__list-column {
    width: calc(100% / 3);
}
.double__column {
    background: #222;
    display: flex;
    flex-direction: column;
    width: 40%;
}
.double__column-inner {
    display: flex;
    flex: 1;
}
.double__column-inner .benefits__list-column {
    width: 50%;
}
.benefits__list-header {
    font-family: 'Antonio', sans-serif;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 24px !important;
    margin: 9px 0;
    padding: 12px !important;
    text-align: center;
}
.benefit {
    border-bottom: 1px solid var(--red);
    margin: 9px 0;
    opacity: .6;
    padding: 6px 12px;
    width: 100%;
}
.benefit a {
    pointer-events: none;
    text-decoration: none;
}
.benefit.included a {
    pointer-events: auto;
    text-decoration: underline;
}
.benefit.included {
    background: var(--red);
    color: var(--white);
    opacity: 1;
}

@media(max-width: 1600px) {
.section__inner {
	padding: 60px 24px;
}
}
  
@media(max-width: 1440px) {
.key {
    font-size: 14px;
}
.benefits__list-column div {
    font-size: 13px;
    line-height: 15px;
}
}
@media(max-width: 1224px) {
p {
    padding: 0 24px;
}
.section__inner {
	padding: 60px 0;
}
.formula {
    padding: 0 24px;
}
.tabs {
    margin-top: 0;
}
.tabs__nav {
    position: sticky;
    top: 80px;
}
.tabs__nav li {
    flex: 1 0 calc(100% / 12);
}
.tabs__nav li.tabs__nav-title {
    align-items: center;
	flex: 0 0 100%;
    padding: 12px 24px;
    text-align: center;
}
.tabs__nav li:nth-child(2) {
    border-left: none;
}
.tabs__nav li:last-child {
    border-right: none;
}
.tab__level-amount {
    font-size: 19px;
    line-height: 19px;
}
.tabs__content {
    border-left: none;
    border-right: none;
}
.tab-key-item, .tab-key-item span.key {
    font-size: 15px;
    line-height: 15px;
}
.tab-key-item.level span {
    font-size: 24px;
    line-height: 24px;
    min-width: 92px;
}
.benefits__list-header {
    font-size: 23px !important;
    line-height: 23px !important;
}
}
@media(max-width: 1023px) {
h2 {
    font-size: 44px;
    line-height: 44px;
}
.logo {
    max-width: 425px;
}
.formula, .formula__total {
    font-size: 18px;
    line-height: 18px;
}
.formula div {
    margin: 0 6px;
}
.formula div span {
    font-size: 24px;
    line-height: 24px;
}
.formula div.formula__total span {
    font-size: 30px;
    line-height: 30px;
}
.formula__plus, .formula__equals {
    font-size: 48px;
    line-height: 48px;
}
.tabs__nav {
    top: 67px;
}
.tab__level-amount {
    font-size: 14px;
    line-height: 14px;
}
.tab-key {
    align-items: center;
    flex-direction: column;
}
.tab-key-item {
	margin: 12px 0;
}
.tab-key-item.impact {
    min-width: auto;
}
.tab-key-item.level:after, .tab-key-item.impact:after {
    bottom: -12px;
    height: 1px;
    left: 50%;
    right: auto;
    top: auto;
    transform: translateX(-50%);
	width: 100%;
}
.benefits__list {
	margin-top: 12px;
}
.benefits__list-column {
    background: transparent !important;
    flex: none;
  	margin: 0 12px;
 	padding: 0;
  	width: calc(50% - 24px);
}
.benefits__list-column div {
  	font-size: 14px;
  	line-height: 16px;
}
.triple__column {
    flex-direction: column;
}
.triple__column, .double__column {
  	margin: 0;
    width: 50%;
}
.double__column {
    background: transparent;
}
.double__column-inner {
    flex-direction: column;
}
.double__column-inner .benefits__list-column, 
.triple__column .benefits__list-column {
  	margin: 0 12px;
  	width: calc(100% - 24px);
}
.double__column-inner .benefits__list-column:last-child {
    margin-top: -9px !important;
}
.benefits__list-header {
    margin: 0 !important;
}
}
@media(max-width: 767px) {
h2 {
  	font-size: 36px;
  	line-height: 36px;
    margin: 12px 0;
}
.formula {
    margin: 12px auto;
}
.formula__total {
    font-size: 18px;
}
.tabs__nav li {
    flex: 1 0 calc(100% / 6);
  	width: calc(100% / 6);
}
.tabs__nav li:nth-child(7) {
  	border-right: none;
}
.tabs__nav li a {
    padding: 12px 12px 16px;
}
}
@media(max-width: 600px) {
h2 {
  	font-size: 30px;
  	line-height: 30px;
}
.logo {
    max-width: 300px;
}
.formula {
    flex-direction: column;
}
.formula__total {
  	font-size: 21px;
}
.tabs {
    margin-top: 12px;
}
.tabs__content {
    padding: 30px 24px 24px;
}
.tab-content-key {
    font-size: 23px;
}
.benefits__list {
    flex-direction: column;
}
.triple__column, .double__column {
  	width: 100%;
}
.benefits__list-column {
    margin: 0 !important;
    width: 100% !important;
}
.benefits__list-column div {
  	font-size: 15px;
  	line-height: 18px;
}
.featurepage-footer .logos img:first-child {
	width: 75px;
}
}